import './css/style.css'
import Access from '../../components/AccessZu/AccessZu';

const AccessStatistics = () => {
    return (
        <div>
            {/* 头部 */}
            <div className="top">
                {/* 搜索框 */}
                <div className="top_sou">
                    <p className='top_sou__p1'>
                        &emsp;&emsp;&nbsp;IP: <input type="text" placeholder='请输入IP地址' />
                    </p>
                    <p className='top_sou__p2'>
                        &nbsp;&nbsp;UA: <input type="text" placeholder='请输入User Agent' />
                    </p>
                    <p className='top_sou__p3'>
                        URL: <input type="text" placeholder='请输入URL' />
                    </p>
                    <p className='top_sou__p4'>
                        地址: <input type="text" placeholder='请输入地址' />
                    </p>
                    <p className='top_sou__p5'>
                        浏览器: <input type="text" placeholder='请输入浏览器' />
                    </p>
                    <p className='top_sou__p6'>
                        内核: <input type="text" placeholder='请输入内核' />
                    </p>
                    <p className='top_sou__p7'>
                        &nbsp;&nbsp;OS: <input type="text" placeholder='请输入操作系统' />
                    </p>
                    <p className='top_sou__p8'>
                        设备: <input type="text" placeholder='请输入设备' />
                    </p>
                </div>
                {/* 按钮 */}
                <div className="top_an">
                    <div className="top_an_zi">
                        <button className='bon1'>搜索</button>
                        <button className='bon2'>重置</button>
                    </div>
                </div>
            </div>
            {/* 中心 */}
            <div className="zhong">
                <div className="zhong_shua">
                    刷新
                </div>
                <div className="zhong_zhu">
                    <Access/>
                </div>
            </div>
        </div>
    )
}
export default AccessStatistics